<template>
  <view class="gift-card">
    <image :src="videoGift" mode="scaleToFill" style="width:100%;height:100%"></image>
    <view class="g-btn" @click="close"> <custom-btn>开心收下</custom-btn> </view>
  </view>
</template>

<script setup>
// 引入api
import videoGift from "@/static/common/video-gift.svg";
import useStore from "@/store";
const { common } = useStore();

const close = () => {
  common.updatePopupOpen(false, "gift");
};
</script>

<style lang=scss scoped>
.gift-card {
  width: 650rpx;
  height: 800rpx;
  position: relative;
  .g-btn {
    width: 400rpx;
    height: 120rpx;
    line-height: 120rpx;
    background: linear-gradient(180deg, #fefbd3 0%, #ffdd47 100%);
    box-shadow: 0rpx 20rpx 40rpx 0rpx rgba(241, 55, 64, 0.25);
    border-radius: 120rpx;
    font-size: 48rpx;
    color: #eb3130;
    font-weight: bold;
    position: absolute;
    left: 120rpx;
    bottom: 80rpx;
  }
}
</style>